<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/neitwo.css"/>
		<link rel="stylesheet" type="text/css" href="css/neiye.css"/>
		<link rel="stylesheet" type="text/css" href="css/haiyou.css"/>
	</head>

	<body>
		<script type="text/javascript" src="js/jquery-1.8.3.min.js" charset="UTF-8"></script>
		<script type="text/javascript" src="js/jquery.fullPage.js" charset="UTF-8"></script>
		<script type="text/javascript">
			$(function() {
				$(".web").fullpage({

				});
				
			});
		</script>

		<div class="web">
			<div class="section index">
				<header>
					<div class="upleft animated">
						<img src="images/kugou.jpg" />
						<span>酷狗</span>
					</div>
				</header>

				<section>
					<div class="test animated">
						<img src="images/chaooren.png" />
					</div>
					<div class="year animated ">
						<img src="images/yule.png"/>
					</div>
					<div class="yue">					
						<img src="images/yun.png"/>
					</div>	
					<div class="yong animated">
						<img src="images/da.png"/>
					</div>
					 <div class="gao animated">
					 <img src="images/qiu.png"/>
					</div>
						
				</section>
				<footer>

					<div class="dong animated">
						<img src="images/ren.png" />
					</div>
					<div class="yu animated fadeInUpBig">
						<img src="images/feiyue.png" class="animated" />
						<img src="images/zheshi.png" class="animated"/>
						<img src="images/taizi.png" class="animated"/>
						<img src="images/zhuyao.png" class="animated"/>
					</div>
					<form action="" method="post" class="animated ">
						<a href="">开始测试</a>
					</form>
				</footer>
			</div>
			<div class="section page1">
				<div class="wab">
					<header>
						<div class="boy animated">
							<span>1.请问图中位于中间的男孩姓名是？</span>
						</div>
						<div class="p_photo animated">
							<img src="images/TF.jpg" />
						</div>
					</header>

					<section>
						<div class="tfboy">
							<ul>
								<li class="animated">A 王俊凯</li>
								<li class="animated">B 易烊千玺</li>
								<li class="animated">C 王源</li>
								<li class="animated">D 王凯</li>
							</ul>

						</div>
						<div class="d_dog">
							<img src='img/haoyoupinlun/tuoyuanimg.png' />
						</div>
						<div class="mao">
							<img src="images/yfa.png"/>
							<img src="images/yfb.png"/>
							<img src="images/yfc.png"/>
							<img src="images/yfd.png"/>
							<img src="images/yfe.png"/>
						</div>
					</section>
				</div>
			</div>

			<div class="section page2">
				<div class="w_web">
					<header>
						<div class="wen animated fadeInRightBig">
							<span>2.“削个椰子皮，你却TM给个梨”请问这是什么歌？</span>

						</div>
						<div class="photo animated fadeIn">
							<img src="images/xueli.png" />
						</div>
					</header>

					<section>
						<div class="t_tfboy ">
							<ul>
								<li class="animated fadeInUp">A 《Yogurt》</li>
								<li class="animated fadeInUp">B 《Salt》</li>
								<li class="animated fadeInUp">C 《Sugar》</li>
								<li class="animated fadeInUp">D 《Salad</li>
							</ul>
						</div>
						<div class="d_dog">
							<img src='img/haoyoupinlun/tuoyuanimg.png' />
						</div>
						<div class="mao">
							<img src="images/yfa.png"/>
							<img src="images/yfb.png"/>
							<img src="images/yfc.png"/>
							<img src="images/yfd.png"/>
							<img src="images/yfe.png"/>
						</div>
					</section>
				</div>
			</div>
			<div class="section page3">
						
			<div class="da">
				<div class="logoa animated">
					<img src="img/logo.png" />
				</div>
				<div class="tuoyuan_box">
					<div class="tuoyuan animated">
						<img src="images/kuku.png" />
					</div>
					
					<div class="ceshi">
						<h4 class="animated"><span>[潮人测试]</span>***太牛了</h4>
						<h5 class="animated">现在坚持个性的人恨得太少了</h5>
					</div>
					<div class="pinjia">
						<h6 class="animated">看看你和你的朋友够亲密不</h6>
						<h3 class="animated">一起来评价.</h3>
					</div>

				</div>
				<div class="bottom_middel">		
					<ul>
						<li class="animated">典型70后</li>
						<li class="animated">90后新锐+2</li>
						<li class="animated">00后潮人+5</li>
						<li class="animated">95后新人类+3</li>
					</ul>
										
				</div>
				<div class="b_bottom">
					<div class="bottom_weibu ">
					<h5 class="animated">还体现不出你们的亲密度？那就评论下吧</h5>
					<input type="text" class="animated"/>

				</div>
				<div class="alianjie">
					<a href="index.html" class="animated">提交</a>
					<a href="index.html" class="animated">我也要玩</a>
				</div>
				</div>
				
			</div>
		
			</div>
		</div>
	</body>

</html>